//编写js代码
function submitLogin() {
    //1 创建可以发送ajax请求的XMLHttpReqeust对象
    let xmlHttpRequest = new XMLHttpRequest();
    //2.调用相关的方法发送ajax请求
    //用js获得文本框中输入的用户和密码附加在url中后面，格式为：/userAction/userLogin2?userName=test&pwd=123456
    let userName = document.getElementById("userName").value;//表示找到id=userName的html元素 value属性值(文本框中用户输入的值)
    let pwd = document.getElementById("pwd").value;
    let url = "/userAction/userLogin?userName=" + userName + "&pwd=" + pwd;
    console.log(url);
    xmlHttpRequest.open("get", url);//建立对服务器的连接
    //3 设置请求头（固定写死）
    xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
    //4设置回调函数，
    xmlHttpRequest.onreadystatechange = function () {
        if (xmlHttpRequest.readyState === 4) {//判断通讯状态为4时，表示服务端返回了处理结果
            //获得服务端的返回结果
            let serverResponseData = xmlHttpRequest.responseText;
            // alert("服务端返回结果为:"+serverResponseData);
            //服务端返回的json格式字符串可以使用javaScrip的API将字符串转换为js对象 用JSON.parse()方法
            //如服务端返回 json字符串 {"code":1,"msg":"用户名或密码错误","data":null}
            //利用JSON.parse方法将其转换为js对象后，js对象就有code属性,msg属性和data属性
            let jsObj = JSON.parse(serverResponseData);
            if (jsObj.code === 0) {
                //将页面跳转到main.html
                window.location.href = "../html/main2.html";
            } else {
                //用alert();给出错误提示
                alert(jsObj.msg);

            }
        }
    }
    //5发送请送
    xmlHttpRequest.send(null);
}







